<template>
  <el-aside width="200px" class="sidebar">
    <el-menu :default-active="activeMenu" router>
      <el-menu-item index="/users">User Management</el-menu-item>
      <el-menu-item index="/profile">Profile</el-menu-item>
    </el-menu>
  </el-aside>
</template>

<script>
export default {
  data() {
    return {
      activeMenu: '/users'
    };
  }
};
</script>

<style scoped>
.sidebar {
  height: 100%;
  background-color: #f4f4f5;
}
</style>
